<%@ page language="java"  pageEncoding="UTF-8" %>
<%@ include file="/WEB-INF/views/common/taglib.jsp" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>订单详情</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="HandheldFriendly" content="true" />
    <meta name="viewport" content="width=320.1, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <%@ include file="/WEB-INF/views/common/resource.jsp" %>
    <script>
        var ctx = '${ctx}';
    </script>
</head>
<body>
<div class="pop_bg"></div>


<div class="page order pt0">
    <div class="order_detil_head">
        <h1>订单号${order.order_no}</h1>

        <c:if test="${order.order_status eq 'FINISHED'}">
            <span class="stay">已完成</span>
        </c:if>

    </div>
    <div class="order_detil_content">
        <div class="order_detil_infobox">
            <strong>${order.receiver}</strong><span>${order.mobile}</span>
            <p><i class="iconfont icon-site2"></i>${order.address}</p>
        </div>
        <div class="order_detil_infobox">
            <h1>商品清单</h1>
            <ul class="order_detil_prolist">

                <c:forEach var="detail" items="${order.order_details}">
                    <li>
                        <c:if test="${detail.type eq 'GIVEAWAY'}">
                            <div class="free_info_box">
                                <em>赠</em>
                                <span>${detail.goods_name}</span>
                            </div>
                        </c:if>
                        <div class="pro_img_box"><img src="${detail.goods_img}" width="70" height="70" /></div>
                        <div class="pro_info_box">
                            <strong>${detail.goods_name}</strong>
                            <span>¥${detail.goods_price_final}</span>
                        </div>
                        <div class="pro_info_box bottom">
                            <em>规格：${detail.goods_specifications}</em>
                            <span>X${detail.goods_num_final}</span>
                        </div>
                    </li>
                </c:forEach>

            </ul>
            <div class="pro_total_box">
                <span>共${fn:length(order.order_details)}件</span>
                <span>配送费：¥0</span>
                <c:choose>
                    <c:when test="${order.is_price_off eq 1}">
                        <strong>已减¥${order.off_price} 总计：¥${order.order_price_final}</strong>
                    </c:when>

                    <c:otherwise>
                        <strong>总计：¥${order.order_price_final}</strong>
                    </c:otherwise>
                </c:choose>

            </div>
        </div>
        <div class="order_detil_infobox">
            <dl>
                <dt>支付方式</dt>
                <dd>货到付款</dd>
            </dl>
            <dl>
                <dt>交易时间</dt>
                <dd>${order.create_time}</dd>
            </dl>
        </div>
        <div class="clear"></div>


        <c:if test="${order.order_status eq 'FINISHED'}">

            <div class="order_detil_infobox">
                <div class="evaluate_box">
                    <h1>我的评价</h1>
                    <dl>
                        <dt>配送速度：</dt>
                        <dd>
                            <input type="checkbox" id="eva_speed1" name="speed" />
                            <label for="eva_speed1"></label>
                            <input type="checkbox" id="eva_speed2" name="speed" />
                            <label for="eva_speed2"></label>
                            <input type="checkbox" id="eva_speed3" name="speed" />
                            <label for="eva_speed3"></label>
                            <input type="checkbox" id="eva_speed4" name="speed" />
                            <label for="eva_speed4"></label>
                            <input type="checkbox" id="eva_speed5" name="speed" />
                            <label for="eva_speed5"></label>
                        </dd>
                    </dl>
                    <dl>
                        <dt>服务态度：</dt>
                        <dd>
                            <input type="checkbox" id="eva_attitude1" name="attitude" />
                            <label for="eva_attitude1"></label>
                            <input type="checkbox" id="eva_attitude2" name="attitude" />
                            <label for="eva_attitude2"></label>
                            <input type="checkbox" id="eva_attitude3" name="attitude" />
                            <label for="eva_attitude3"></label>
                            <input type="checkbox" id="eva_attitude4" name="attitude" />
                            <label for="eva_attitude4"></label>
                            <input type="checkbox" id="eva_attitude5" name="attitude" />
                            <label for="eva_attitude5"></label>
                        </dd>
                    </dl>
                    <dl>
                        <dt>商品完好度：</dt>
                        <dd>
                            <input type="checkbox" id="eva_integrity1" name="integrity" />
                            <label for="eva_integrity1"></label>
                            <input type="checkbox" id="eva_integrity2" name="integrity" />
                            <label for="eva_integrity2"></label>
                            <input type="checkbox" id="eva_integrity3" name="integrity" />
                            <label for="eva_integrity3"></label>
                            <input type="checkbox" id="eva_integrity4" name="integrity" />
                            <label for="eva_integrity4"></label>
                            <input type="checkbox" id="eva_integrity5" name="integrity" />
                            <label for="eva_integrity5"></label>
                        </dd>
                    </dl>
                </div>
                <textarea>哈哈哈哈哈哈哈</textarea>
            </div>

        </c:if>

    </div>

</div>
</body>

<script type="text/javascript">

</script>
</html>
